<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3003074_rvum6rv3n1k.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Document</title>
</head>

<body>
    <div class="top">
        <div class="contain">
            <ul class="left">
                <li>帮助中心</li>
                <li>收藏</li>
                <li>360官网</li>
                <li>360智慧生活</li>
            </ul>
            <ul class="right">
                <li class="on active">
                    <span>你好</span>
                </li>
                <li class="off active">
                    <a href="../views/login.html">登录</a>
                    <a href="../views/registered.html">注册</a>
                </li>
                <li >
                    <a href="../views/cart.html" class="iconfont icon-line-shoppingbaggouwubao-02"></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="logo">
        <div class="contain">
            <div class="left">
                <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                <p>新品推荐</p>
                <p>热卖榜单</p>
            </div>
            <div class="right">
                <input type="text">
                <ul class="u1"></ul>
                <ul class="a">
                    <li>记录仪</li>
                    <li>摄像机</li>
                    <li>路由器</li>
                    <li>耳机</li>
                    <li>扫地机</li>
                    <li>只能手表</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="lunbo">
            <img src="https://p3.ssl.qhimg.com/t018b7e6292e40dac39.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t01184f1bb03f655f98.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t017443acfa1f8e9a9f.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t010870466939631120.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t01b1ae7e231ac75328.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t0104d9aa62ec15199e.webp" alt="">
        </div>
        <div class="list">
            <ul>
                <!-- <li>
                    <img src="" alt="">
                    <p></p>
                </li> -->
            </ul>
        </div>
        <ul class="menu">
            <li>
                <a href="../views/list.html">全部...</a>
            </li>
        </ul>
        <span class="left">&lt;</span>
        <span class="right">&gt;</span>
                <div class="bottom">
                    <!-- js渲染 -->
                </div>
               
    </div>
    <div class="act nav">
        <div class="contain">
            <p>热门活动</p>
            <div class="head">
                <div class="one">
                    <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.webp" alt="">
                </div>
                <div class="two">
                    <img src="https://p4.ssl.qhimg.com/t012b5cec81fbe9c659.webp" alt="">
                </div>
                <div class="three">
                    <img src="https://p3.ssl.qhimg.com/t015d34aaa04c9ede6f.webp" alt="">
                </div>
                <div class="four">
                    <img src="https://p5.ssl.qhimg.com/t0175bdda93660b4f38.webp" alt="">
                </div>
            </div>
            <div class="bottom">
                <img src="https://p0.ssl.qhimg.com/t0170aaf86aa2387ded.webp" alt="">
            </div>
        </div>
    </div>
    <div class="safe nav">
        <div class="contain">
            <div class="title">
                <p>家庭安防</p>
                <span>全部>></span>
            </div>
            <div class="main">
                <img src="https://p5.ssl.qhimg.com/t01b3f0ea7d9f0b5000.webp" alt="">
                <div>
                    <img src="">
                    <p>123</p>
                    <span>1324</span>
                    <p>134</p>
                </div>
                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp" alt="">
            </div>
        </div>
    </div>
    <div class="routing nav">
        <div class="contain">
            <div class="title">
                <p>安全路由</p>
                <span>全部>></span>
            </div>
            <div class="main">
                <img src="https://p2.ssl.qhimg.com/t01450436bc349ddae5.webp" alt="">

                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>123</p>
                    <span>4324</span>
                    <p>43534</p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p1.ssl.qhimg.com/t01f74bc541c9f56b86.webp" alt="">
            </div>
        </div>
    </div>
    <div class="cart nav">
        <div class="contain">
            <div class="title">
                <p>行车安全</p>
                <span>全部>></span>
            </div>
            <div class="main">

                <img src="https://p4.ssl.qhimg.com/t0133be414b0dd21744.webp" alt="">

                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>123</p>
                    <span>4324</span>
                    <p>43534</p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p2.ssl.qhimg.com/t014d665593f16f2c56.webp" alt="">
            </div>
        </div>
    </div>

    <div class="robot nav">
        <div class="contain">
            <div class="title">
                <p>扫地机器人</p>
                <span>全部>></span>
            </div>
            <div class="main">

                <img src="https://p2.ssl.qhimg.com/t010270e51d5a815568.webp" alt="">

                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>123</p>
                    <span>4324</span>
                    <p>43534</p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p3.ssl.qhimg.com/t01f530addd6191ee23.webp" alt="">
            </div>
        </div>
    </div>

    <div class="watch nav">
        <div class="contain">
            <div class="title">
                <p>智能守护</p>
                <span>全部>></span>
            </div>
            <div class="main">

                <img src="https://p3.ssl.qhimg.com/t0118faff228911ab53.webp" alt="">

                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>123</p>
                    <span>4324</span>
                    <p>43534</p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p3.ssl.qhimg.com/t011cf2a5c53c044738.webp" alt="">
            </div>
        </div>
    </div>

    <div class="wecological nav">
        <div class="contain">
            <div class="title">
                <p>生态互联</p>
                <span>全部>></span>
            </div>
            <div class="main">

                <img src="https://p5.ssl.qhimg.com/t01b1999ef9da609b19.webp" alt="">

                <div>
                    <img src="">
                    <p></p>
                    <span></span>
                    <p></p>
                </div>
                <div>
                    <img src="">
                    <p>123</p>
                    <span>4324</span>
                    <p>43534</p>
                </div>
                <div>
                    <img src="">
                    <p>232</p>
                    <span>432</span>
                    <p>432</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>423</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>423</p>
                    <span>234</span>
                    <p>423</p>
                </div>
                <div>
                    <img src="">
                    <p>432</p>
                    <span>423</span>
                    <p>423</p>
                </div>
            </div>
            <div class="bottom">
                <img src="https://p5.ssl.qhimg.com/t015a6644ab76b1fff1.webp" alt="">
            </div>
        </div>
    </div>
    <div class="more nav">
        <div class="contain">
            <p>更多商品</p>
            <div class="list">
                <ul>
                 
                </ul>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="contain">
            <div class="left">
                <p>关于商城</p>
                <p>360商城是奇虎360公司的官方电商平台，主要经营<br>
                    360安全智能设备，以及相关领域消费品。提供最新<br>
                    的360智能设备，最贴心的售后服务，360社区一手<br>
                    评测资讯，享受360安全、安心、放心的购物体验。
                </p>
                <div class="me">
                    <p>关于我们</p>
                    <span class="iconfont icon-weixin"></span>
                    <span class="iconfont icon-weibo"></span>
                </div>
            </div>
            <div class="center">
                <ul>
                    <li>售后服务</li>
                    <li>7日无理由退货</li>
                    <li>质量问题15日内换货</li>
                    <li>保修条款</li>
                    <li>服务流程</li>
                    <li>许可协议</li>
                    <li>隐私政策</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>用户注册</li>
                    <li>会员说明</li>
                    <li>登录与密码找回</li>
                    <li>购买指南</li>
                    <li>支付方式</li>
                    <li>配送与说明</li>
                </ul>
            </div>
            <div class="right">
                <p>联系我们</p>
                <p>400-6822-360</p>
                <p>周一至周日 9:00-18:00（仅收市话费）</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="contain">
            <div class="head">

                <p> <span class="iconfont icon-fanhui"></span>
                    七天无理由退货
                </p>

                <p>
                    <span class="iconfont icon-zhihuan"></span>
                    15天免费换货
                </p>

                <p>
                    <span class="iconfont icon-hezi301"></span>
                    满99元包邮
                </p>
            </div>
            <div class="bottom">
                <p>©2019-2021 mall.360.cn版权所有</p>
                <p>京ICP备08010314号-6 营业执照</p>
                <p>公司名称 北京视觉世界科技有限公司 | 社会统一信用代码 91110105336460203N | 食品经营许可证</p>
                <p>公司地址 北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式 400-6822-360</p>
            </div>
        </div>
    </div>
    <div class="floor">
        <ul>
            <li>热门活动</li>
            <li>家庭安防</li>
            <li>安全路由</li>
            <li>行车安全</li>
            <li>扫地机器人</li>
            <li>智能守护</li>
            <li>生态互联</li>
            <li>更多商品</li>
        </ul>
    </div>
    <div class="info">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span class="go_top"></span>
    </div>
    <script src="../js/node_modules/jquery/dist/jquery.min.js"></script>
    <!-- <script src="../js/Promise封装ajax.js"></script> -->
    <script src="../js/utils.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>